<!DOCTYPE html>
<html lang="en" color-mode="light">

  <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="keywords" content="JavaScript,Hexo" />
  <meta name="author" content="超能虾米" />
  <meta name="description" content="" />
  
  
  <title>
    
      archive_a: 2021/8 
      
      
      |
    
     超能虾米的博客
  </title>

  
    <link rel="apple-touch-icon" href="/images/favicon.png">
    <link rel="icon" href="/images/favicon.png">
  

  <!-- Raleway-Font -->
  <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">

  <!-- hexo site css -->
  <link rel="stylesheet" href="/css/main.css" />
  <link rel="stylesheet" href="//at.alicdn.com/t/font_1886449_67xjft27j1l.css" />
  <!-- 代码块风格 -->
  

  <!-- jquery3.3.1 -->
  
    <script defer type="text/javascript" src="/plugins/jquery.min.js"></script>
  

  <!-- fancybox -->
  
    <link href="/plugins/jquery.fancybox.min.css" rel="stylesheet">
    <script defer type="text/javascript" src="/plugins/jquery.fancybox.min.js"></script>
  
  
<script src="/js/fancybox.js"></script>


  

  

  <script>
    var html = document.documentElement
    const colorMode = localStorage.getItem('color-mode')
    if (colorMode) {
      document.documentElement.setAttribute('color-mode', colorMode)
    }
  </script>
<meta name="generator" content="Hexo 5.4.2"><link rel="alternate" href="/atom.xml" title="超能虾米的博客" type="application/atom+xml">
</head>


  <body>
    <div id="app">
      <div class="header">
  <div class="avatar">
    <a href="/">
      <!-- 头像取消懒加载，添加no-lazy -->
      
        <img src="/images/头像.JPEG" alt="">
      
    </a>
    <div class="nickname"><a href="/">超能虾米</a></div>
  </div>
  <div class="navbar">
    <ul>
      
        <li class="nav-item" data-path="/">
          <a href="/">主页</a>
        </li>
      
        <li class="nav-item" data-path="/archives/">
          <a href="/archives/">归档</a>
        </li>
      
        <li class="nav-item" data-path="/categories/">
          <a href="/categories/">分类</a>
        </li>
      
        <li class="nav-item" data-path="/tags/">
          <a href="/tags/">标签</a>
        </li>
      
        <li class="nav-item" data-path="/friends/">
          <a href="/friends/">朋友</a>
        </li>
      
        <li class="nav-item" data-path="/about/">
          <a href="/about/">关于我</a>
        </li>
      
    </ul>
  </div>
</div>


<script src="/js/activeNav.js"></script>



      <div class="flex-container">
        <!-- 归档页，展示本站所有文章，按照年份降序归类，url形式：https://yoursite/archives/ -->

<!-- last: 按年份把文章分组，当前遍历到的年份 -->
<!-- now: 当前遍历到的文章的发布年份 -->

<div class="container archives">
  <div class="post-list">
    
        <!-- 后续文章的发布年份呈现 -->
        <div class="content-title">
          <h2>
            <span>2023</span>
          </h2>
        </div>
      
      <div class="post-item" title="面试笔记">
        <div class="time-m-d">05-13</div>
        <div class="title">
          <a href="/2023/05/13/%E5%90%8E%E7%AB%AF/%E9%9D%A2%E8%AF%95%E7%AC%94%E8%AE%B0/">
            <span>面试笔记</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="JVM">
        <div class="time-m-d">05-13</div>
        <div class="title">
          <a href="/2023/05/13/%E5%90%8E%E7%AB%AF/Java/JVM/JVM/">
            <span>JVM</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Kafka笔记">
        <div class="time-m-d">05-12</div>
        <div class="title">
          <a href="/2023/05/12/%E5%90%8E%E7%AB%AF/%E4%B8%AD%E9%97%B4%E4%BB%B6/Kafka%E7%AC%94%E8%AE%B0/">
            <span>Kafka笔记</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="ES中的倒排索引">
        <div class="time-m-d">05-11</div>
        <div class="title">
          <a href="/2023/05/11/%E5%90%8E%E7%AB%AF/%E4%B8%AD%E9%97%B4%E4%BB%B6/ES%E4%B8%AD%E7%9A%84%E5%80%92%E6%8E%92%E7%B4%A2%E5%BC%95/">
            <span>ES中的倒排索引</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="SQL走了索引还是很慢？">
        <div class="time-m-d">05-11</div>
        <div class="title">
          <a href="/2023/05/11/%E5%90%8E%E7%AB%AF/%E6%95%B0%E6%8D%AE%E5%BA%93/SQL%E8%B5%B0%E4%BA%86%E7%B4%A2%E5%BC%95%E8%BF%98%E6%98%AF%E5%BE%88%E6%85%A2%EF%BC%9F/">
            <span>SQL走了索引还是很慢？</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="接口幂等">
        <div class="time-m-d">05-11</div>
        <div class="title">
          <a href="/2023/05/11/%E5%90%8E%E7%AB%AF/Spring%20Cloud/%E6%8E%A5%E5%8F%A3%E5%B9%82%E7%AD%89/">
            <span>接口幂等</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="MVCC原理">
        <div class="time-m-d">05-11</div>
        <div class="title">
          <a href="/2023/05/11/%E5%90%8E%E7%AB%AF/%E6%95%B0%E6%8D%AE%E5%BA%93/MVCC%E5%8E%9F%E7%90%86/">
            <span>MVCC原理</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Redis中的跳表">
        <div class="time-m-d">05-11</div>
        <div class="title">
          <a href="/2023/05/11/%E5%90%8E%E7%AB%AF/%E4%B8%AD%E9%97%B4%E4%BB%B6/Redis%E4%B8%AD%E7%9A%84%E8%B7%B3%E8%A1%A8/">
            <span>Redis中的跳表</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="并行流">
        <div class="time-m-d">05-10</div>
        <div class="title">
          <a href="/2023/05/10/%E5%90%8E%E7%AB%AF/Java/%E5%B9%B6%E8%A1%8C%E6%B5%81/">
            <span>并行流</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="分布式事务">
        <div class="time-m-d">05-10</div>
        <div class="title">
          <a href="/2023/05/10/%E5%90%8E%E7%AB%AF/Spring%20Cloud/%E5%88%86%E5%B8%83%E5%BC%8F%E4%BA%8B%E5%8A%A1/">
            <span>分布式事务</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="分布式锁的实现">
        <div class="time-m-d">05-10</div>
        <div class="title">
          <a href="/2023/05/10/%E5%90%8E%E7%AB%AF/Spring%20Cloud/%E5%88%86%E5%B8%83%E5%BC%8F%E9%94%81%E7%9A%84%E5%AE%9E%E7%8E%B0/">
            <span>分布式锁的实现</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Spring Boot 如何提高接口数据安全性">
        <div class="time-m-d">05-08</div>
        <div class="title">
          <a href="/2023/05/08/%E5%90%8E%E7%AB%AF/Spring%20Boot/Spring%20Boot%20%E5%A6%82%E4%BD%95%E6%8F%90%E9%AB%98%E6%8E%A5%E5%8F%A3%E6%95%B0%E6%8D%AE%E5%AE%89%E5%85%A8%E6%80%A7/">
            <span>Spring Boot 如何提高接口数据安全性</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="MongoDB整合到Spring Boot">
        <div class="time-m-d">05-08</div>
        <div class="title">
          <a href="/2023/05/08/%E5%90%8E%E7%AB%AF/%E4%B8%AD%E9%97%B4%E4%BB%B6/MongoDB%E6%95%B4%E5%90%88%E5%88%B0Spring%20Boot/">
            <span>MongoDB整合到Spring Boot</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="@Configuration和@Component 区别">
        <div class="time-m-d">05-08</div>
        <div class="title">
          <a href="/2023/05/08/%E5%90%8E%E7%AB%AF/Spring/@Configuration%E5%92%8C@Component%20%E5%8C%BA%E5%88%AB/">
            <span>@Configuration和@Component 区别</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="hexo搭建博客">
        <div class="time-m-d">04-26</div>
        <div class="title">
          <a href="/2023/04/26/%E6%9D%82%E9%A1%B9/hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/">
            <span>hexo搭建博客</span>
          </a>
        </div>
      </div>
    
        <!-- 后续文章的发布年份呈现 -->
        <div class="content-title">
          <h2>
            <span>2021</span>
          </h2>
        </div>
      
      <div class="post-item" title="Spring事务解读">
        <div class="time-m-d">10-27</div>
        <div class="title">
          <a href="/2021/10/27/%E5%90%8E%E7%AB%AF/Spring/Spring%E4%BA%8B%E5%8A%A1%E8%A7%A3%E8%AF%BB/">
            <span>Spring事务解读</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Mybatis四大对象和生命周期">
        <div class="time-m-d">10-11</div>
        <div class="title">
          <a href="/2021/10/11/%E5%90%8E%E7%AB%AF/Mybatis/Mybatis%E5%9B%9B%E5%A4%A7%E5%AF%B9%E8%B1%A1%E5%92%8C%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F/">
            <span>Mybatis四大对象和生命周期</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Redis中使用Lua脚本">
        <div class="time-m-d">10-09</div>
        <div class="title">
          <a href="/2021/10/09/%E5%90%8E%E7%AB%AF/%E4%B8%AD%E9%97%B4%E4%BB%B6/Redis%E4%B8%AD%E4%BD%BF%E7%94%A8Lua%E8%84%9A%E6%9C%AC/">
            <span>Redis中使用Lua脚本</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Optional类">
        <div class="time-m-d">09-24</div>
        <div class="title">
          <a href="/2021/09/24/%E5%90%8E%E7%AB%AF/Java/Optional%E7%B1%BB/">
            <span>Optional类</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Java8 Stream">
        <div class="time-m-d">09-23</div>
        <div class="title">
          <a href="/2021/09/23/%E5%90%8E%E7%AB%AF/Java/Java8-Stream/">
            <span>Java8 Stream</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Mybatis笔记">
        <div class="time-m-d">09-17</div>
        <div class="title">
          <a href="/2021/09/17/%E5%90%8E%E7%AB%AF/Mybatis/Mybatis%E7%AC%94%E8%AE%B0/">
            <span>Mybatis笔记</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="synchronized 的锁升级机制">
        <div class="time-m-d">09-16</div>
        <div class="title">
          <a href="/2021/09/16/%E5%90%8E%E7%AB%AF/Java/synchronized-%E7%9A%84%E9%94%81%E5%8D%87%E7%BA%A7%E6%9C%BA%E5%88%B6/">
            <span>synchronized 的锁升级机制</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="JUC笔记">
        <div class="time-m-d">09-14</div>
        <div class="title">
          <a href="/2021/09/14/%E5%90%8E%E7%AB%AF/Java/JUC%E7%AC%94%E8%AE%B0/">
            <span>JUC笔记</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="多线程1">
        <div class="time-m-d">09-13</div>
        <div class="title">
          <a href="/2021/09/13/%E5%90%8E%E7%AB%AF/Java/%E5%A4%9A%E7%BA%BF%E7%A8%8B1/">
            <span>多线程1</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="集合源码分析">
        <div class="time-m-d">08-28</div>
        <div class="title">
          <a href="/2021/08/28/%E5%90%8E%E7%AB%AF/Java/%E9%9B%86%E5%90%88%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%90/">
            <span>集合源码分析</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="JVM知识点">
        <div class="time-m-d">08-25</div>
        <div class="title">
          <a href="/2021/08/25/%E5%90%8E%E7%AB%AF/Java/JVM/JVM%E7%9F%A5%E8%AF%86%E7%82%B9/">
            <span>JVM知识点</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Rabbitmq笔记">
        <div class="time-m-d">08-23</div>
        <div class="title">
          <a href="/2021/08/23/%E5%90%8E%E7%AB%AF/%E4%B8%AD%E9%97%B4%E4%BB%B6/Rabbitmq%E7%AC%94%E8%AE%B0/">
            <span>Rabbitmq笔记</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Java多线程">
        <div class="time-m-d">08-23</div>
        <div class="title">
          <a href="/2021/08/23/%E5%90%8E%E7%AB%AF/Java/Java%E5%A4%9A%E7%BA%BF%E7%A8%8B/">
            <span>Java多线程</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Spring Cloud笔记">
        <div class="time-m-d">08-04</div>
        <div class="title">
          <a href="/2021/08/04/%E5%90%8E%E7%AB%AF/Spring%20Cloud/Spring-Cloud%E7%AC%94%E8%AE%B0/">
            <span>Spring Cloud笔记</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="Spring Boot自动配置原理">
        <div class="time-m-d">07-31</div>
        <div class="title">
          <a href="/2021/07/31/%E5%90%8E%E7%AB%AF/Spring%20Boot/Spring-Boot%E8%87%AA%E5%8A%A8%E9%85%8D%E7%BD%AE%E5%8E%9F%E7%90%86/">
            <span>Spring Boot自动配置原理</span>
          </a>
        </div>
      </div>
    
      <div class="post-item" title="frp实现内网穿透">
        <div class="time-m-d">07-27</div>
        <div class="title">
          <a href="/2021/07/27/%E6%9D%82%E9%A1%B9/frp%E5%AE%9E%E7%8E%B0%E5%86%85%E7%BD%91%E7%A9%BF%E9%80%8F/">
            <span>frp实现内网穿透</span>
          </a>
        </div>
      </div>
    
  </div>
</div>

        
<div class="footer">
  <div class="social">
    <ul>
      
        <li>
          <a title="github" target="_blank" rel="noopener" href="https://github.com/zchengsite/hexo-theme-oranges">
            <i class="iconfont icon-github"></i>
          </a>
        </li>
      
        <li>
          <a title="email" target="_blank" rel="noopener" href="https://c77544s.github.io/about/">
            <i class="iconfont icon-envelope"></i>
          </a>
        </li>
      
        <li>
          <a title="wechat" target="_blank" rel="noopener" href="https://c77544s.github.io/about/">
            <i class="iconfont icon-wechat"></i>
          </a>
        </li>
      
        <li>
          <a title="rss" href="/atom.xml">
            <i class="iconfont icon-rss"></i>
          </a>
        </li>
      
    </ul>
  </div>
  
    
    <div class="footer-more">
      
        <a target="_blank" rel="noopener" href="https://github.com/zchengsite/hexo-theme-oranges">Copyright © 2023 Oranges</a>
        
    </div>
  
    
    <div class="footer-more">
      
        <a target="_blank" rel="noopener" href="https://github.com/zchengsite/hexo-theme-oranges">Theme by Oranges | Powered by Hexo</a>
        
    </div>
  
  
</div>

      </div>

      <div class="tools-bar">
        <div class="back-to-top tools-bar-item hidden">
  <a href="javascript: void(0)">
    <i class="iconfont icon-chevronup"></i>
  </a>
</div>


<script src="/js/backtotop.js"></script>



        
  <div class="search-icon tools-bar-item" id="search-icon">
    <a href="javascript: void(0)">
      <i class="iconfont icon-search"></i>
    </a>
  </div>

  <div class="search-overlay hidden">
    <div class="search-content" tabindex="0">
      <div class="search-title">
        <span class="search-icon-input">
          <a href="javascript: void(0)">
            <i class="iconfont icon-search"></i>
          </a>
        </span>
        
          <input type="text" class="search-input" id="search-input" placeholder="搜索...">
        
        <span class="search-close-icon" id="search-close-icon">
          <a href="javascript: void(0)">
            <i class="iconfont icon-close"></i>
          </a>
        </span>
      </div>
      <div class="search-result" id="search-result"></div>
    </div>
  </div>

  <script type="text/javascript">
    var inputArea = document.querySelector("#search-input")
    var searchOverlayArea = document.querySelector(".search-overlay")

    inputArea.onclick = function() {
      getSearchFile()
      this.onclick = null
    }

    inputArea.onkeydown = function() {
      if(event.keyCode == 13)
        return false
    }

    function openOrHideSearchContent() {
      let isHidden = searchOverlayArea.classList.contains('hidden')
      if (isHidden) {
        searchOverlayArea.classList.remove('hidden')
        document.body.classList.add('hidden')
        // inputArea.focus()
      } else {
        searchOverlayArea.classList.add('hidden')
        document.body.classList.remove('hidden')
      }
    }

    function blurSearchContent(e) {
      if (e.target === searchOverlayArea) {
        openOrHideSearchContent()
      }
    }

    document.querySelector("#search-icon").addEventListener("click", openOrHideSearchContent, false)
    document.querySelector("#search-close-icon").addEventListener("click", openOrHideSearchContent, false)
    searchOverlayArea.addEventListener("click", blurSearchContent, false)

    var searchFunc = function (path, search_id, content_id) {
      'use strict';
      var $input = document.getElementById(search_id);
      var $resultContent = document.getElementById(content_id);
      $resultContent.innerHTML = "<ul><span class='local-search-empty'>First search, index file loading, please wait...<span></ul>";
      $.ajax({
        // 0x01. load xml file
        url: path,
        dataType: "xml",
        success: function (xmlResponse) {
          // 0x02. parse xml file
          var datas = $("entry", xmlResponse).map(function () {
            return {
              title: $("title", this).text(),
              content: $("content", this).text(),
              url: $("url", this).text()
            };
          }).get();
          $resultContent.innerHTML = "";

          $input.addEventListener('input', function () {
            // 0x03. parse query to keywords list
            var str = '<ul class=\"search-result-list\">';
            var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
            $resultContent.innerHTML = "";
            if (this.value.trim().length <= 0) {
              return;
            }
            // 0x04. perform local searching
            datas.forEach(function (data) {
              var isMatch = true;
              var content_index = [];
              if (!data.title || data.title.trim() === '') {
                data.title = "Untitled";
              }
              var orig_data_title = data.title.trim();
              var data_title = orig_data_title.toLowerCase();
              var orig_data_content = data.content.trim().replace(/<[^>]+>/g, "");
              var data_content = orig_data_content.toLowerCase();
              var data_url = data.url;
              var index_title = -1;
              var index_content = -1;
              var first_occur = -1;
              // only match artiles with not empty contents
              if (data_content !== '') {
                keywords.forEach(function (keyword, i) {
                  index_title = data_title.indexOf(keyword);
                  index_content = data_content.indexOf(keyword);

                  if (index_title < 0 && index_content < 0) {
                    isMatch = false;
                  } else {
                    if (index_content < 0) {
                      index_content = 0;
                    }
                    if (i == 0) {
                      first_occur = index_content;
                    }
                    // content_index.push({index_content:index_content, keyword_len:keyword_len});
                  }
                });
              } else {
                isMatch = false;
              }
              // 0x05. show search results
              if (isMatch) {
                str += "<li><a href='" + data_url + "' class='search-result-title'>" + orig_data_title + "</a>";
                var content = orig_data_content;
                if (first_occur >= 0) {
                  // cut out 100 characters
                  var start = first_occur - 20;
                  var end = first_occur + 80;

                  if (start < 0) {
                    start = 0;
                  }

                  if (start == 0) {
                    end = 100;
                  }

                  if (end > content.length) {
                    end = content.length;
                  }

                  var match_content = content.substr(start, end);

                  // highlight all keywords
                  keywords.forEach(function (keyword) {
                    var regS = new RegExp(keyword, "gi");
                    match_content = match_content.replace(regS, "<span class=\"search-keyword\">" + keyword + "</span>");
                  });

                  str += "<p class=\"search-result-abstract\">" + match_content + "...</p>"
                }
                str += "</li>";
              }
            });
            str += "</ul>";
            if (str.indexOf('<li>') === -1) {
              return $resultContent.innerHTML = "<ul><span class='local-search-empty'>No result<span></ul>";
            }
            $resultContent.innerHTML = str;
          });
        },
        error: function(xhr, status, error) {
          $resultContent.innerHTML = ""
          if (xhr.status === 404) {
            $resultContent.innerHTML = "<ul><span class='local-search-empty'>The search.xml file was not found, please refer to：<a href='https://github.com/zchengsite/hexo-theme-oranges#configuration' target='_black'>configuration</a><span></ul>";
          } else {
            $resultContent.innerHTML = "<ul><span class='local-search-empty'>The request failed, Try to refresh the page or try again later.<span></ul>";
          }
        }
      });
      $(document).on('click', '#search-close-icon', function() {
        $('#search-input').val('');
        $('#search-result').html('');
      });
    }

    var getSearchFile = function() {
        var path = "/search.xml";
        searchFunc(path, 'search-input', 'search-result');
    }
  </script>




        
  <div class="tools-bar-item theme-icon" id="switch-color-scheme">
    <a href="javascript: void(0)">
      <i id="theme-icon" class="iconfont icon-moon"></i>
    </a>
  </div>

  
<script src="/js/colorscheme.js"></script>





        
  
  
<script src="/js/shares.js"></script>



      </div>
    </div>
  </body>
</html>
